<template>
  <div>
    <van-row class="nav">
      <van-col span="6">
        <van-icon  @click="$router.push('/home/me')" name="arrow-left" />
      </van-col>
      <van-col span="8" offset="4">设置</van-col>
    </van-row>

    <div class="bianji">
      <div class="bianji-1">
        <van-image
          round
          width="60px"
          height="60px"
          src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
        />
        <div style="margin-left: 10px;">
          <h4>瞧,那个小妞在放肆</h4>
          <span>账号:132****5532</span>
        </div>
      </div> 
      <button class="btn">编辑</button>
    </div>

    <van-cell  @click="$router.push('/home/adress')" class="main" title="我的收货地址" is-link url="" />
    <van-cell  @click="$router.push('/home/account')" class="main" title="账户与安全" is-link url="" />
    <van-cell class="main" title="问题反馈" is-link url="" />
    <van-cell class="main" title="关于我们" is-link url="" />
    <button class="btn-1">退出登录</button>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
.nav{
  height: 50px;
  line-height: 50px;
  margin-left: 15px;
  font-size: 20px;
  margin-bottom: 20px;
}
.bianji{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
.bianji-1{
  display: flex;
  align-items: center;
}
.btn{
  border: 1px solid #BA6608;
  color: #BA6608;
  width: 60px;
  height: 30px;
}
.main{
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: bold;
}

.btn-1{
  width: 95%;
  height: 40px;
  display: block;
  margin: 0 auto;
  color: #fff;
  background-color: #BA6608;
  border:none;
  border-radius: 5px;
}

</style>